const app = {
  namespaced: true,
  state: {
    active:1,
    drawerSwitch:false,
    imageSwitch:false,
    productDetailSwitch:false
  },

  mutations: {
    SET_ACTIVE: (state, active) => {
      state.active = active
    },
    TOGGLE_SWITCH(state){
      state.drawerSwitch = !state.drawerSwitch
    },
    COLSE_SWITCH(state){
      state.drawerSwitch = false
    },
    OPEN_SWITCH(state){
      state.drawerSwitch = true
    },
    TOGGLE_IMAGE(state){
      state.imageSwitch = !state.imageSwitch
    },
    COLSE_IMAGE(state){
      state.imageSwitch = false
    },
    OPEN_IMAGE(state){
      state.imageSwitch = true
    },
    TOGGLE_PRODUCT_DETAIL(state){
      state.productDetailSwitch = !state.productDetailSwitch
    },
    COLSE_PRODUCT_DETAIL(state){
      state.productDetailSwitch = false
    },
    OPEN_PRODUCT_DETAIL(state){
      state.productDetailSwitch = true
    },
  },

  actions: {
  }
}

export default app
